<!doctype html>
<html lang="en">

    <head>
        <meta charset="utf-8">

        <title>Introduce myself</title>

        <meta name="description" content="Slides: Introduce myself">
        <meta name="author" content="@caojiele">

        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

        <link rel="stylesheet" href="css/reveal.css">
        <link rel="stylesheet" href="css/theme/wx.css" id="theme">

        <!-- Code syntax highlighting -->
        <link rel="stylesheet" href="lib/css/zenburn.css">

        <!-- Printing and PDF exports -->
        <script>
            var link = document.createElement( 'link' );
            link.rel = 'stylesheet';
            link.type = 'text/css';
            link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
            document.getElementsByTagName( 'head' )[0].appendChild( link );
        </script>

        <!--[if lt IE 9]>
        <script src="lib/js/html5shiv.js"></script>
        <![endif]-->
    </head>

    <body>
    
        <div class="reveal">

            <!-- Any section element inside of this container is displayed as a slide -->
            <div class="slides">

                <section style="margin-top:2%" data-markdown>
                    <script type="text/template">
                        # HTML 5 keynote slide
                        ## *JavaScript Modularization Journey*
                        ### Introduce myself

                        <small>
                            <a href="#/1">天璇/@caojiele</a>
                        </small>

                        <iframe frameborder="0" scrolling="0" width="90px" height="22px" src="https://ghbtns.com/github-btn.html?user=caojiele&amp;repo=js-module-introduce-myself&amp;type=star&amp;count=true">
                        </iframe>
                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        <img src="https://cdn.nlark.com/yuque/0/2019/jpeg/338441/1561301140772-a4c43da7-3921-48bf-8c92-f57c4fdc97d9.jpeg" style="
                            width: 200px;
                            border-radius: 50%;
                        "/>
                        ## 天璇
                        有内容的代码搬运者

                        <small>Java engineer</small>

                        <small>
                            <a href="https://caojiele.com">Blog</a> /
                            <a href="https://github.com/caojiele">GitHub</a> /
                            <a href="https://segmentfault.com/u/xiaomage_5c10d17d26987">Segmentfault</a> /
                            <a href="https://www.zhihu.com/people/wang-le-6-62/">知乎</a>
                        </small>
                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        ### Who am I?

                        # *Big Dipper？*
                        # *Merak？*
                        <!-- .element: class="fragment" -->
                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        <img src="https://cdn.nlark.com/yuque/0/2019/jpeg/338441/1561301140772-a4c43da7-3921-48bf-8c92-f57c4fdc97d9.jpeg" style="
                            width: 200px;
                            border-radius: 50%;
                        "/>

                        - Hey，我是*天璇*，*Java* 攻城狮

                        - *Apache*、*Alibaba*等开源组织贡献者之一

                        - 常年出没于 *Github*、*Gitee*、*Segmentfault*、*知乎* 等地带

                    </script>
                </section>

<!-- 第一章 --->
                <section data-markdown>
                    <script type="text/template">
                        ### 第一章 简单介绍

                        # *Introduce?*

                        #### 从自己周围的事情说起
                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        ### 工作内容：

                        - 目前主要负责集团App后端开发以及维护、微服务技术实施、基础设施构建等工作
                        <!-- .element: class="fragment" -->

                        - 有幸参与过阿里健康、平安万家医疗等公司大型项目开发
                        <!-- .element: class="fragment" -->
                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        <img src="https://cdn.nlark.com/yuque/0/2019/jpeg/338441/1562681739015-c8c7008e-e50f-4dd6-a1e5-50533bf8731d.jpeg" style="
                            width: 200px;
                            border-radius: 50%;
                        "/>

                        17年拥有了自己的*工作室* —— [闪兔网络](https://caojiele.com/cooperation/)

                        - 解决各种公司的「疑难杂症」
                        <!-- .element: class="fragment" -->

                        - 实现「天马行空」的需求
                        <!-- .element: class="fragment" -->
                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        <img src="https://cdn.nlark.com/yuque/0/2019/jpeg/338441/1562681739015-c8c7008e-e50f-4dd6-a1e5-50533bf8731d.jpeg" style="
                            width: 200px;
                            border-radius: 50%;
                        "/>

                        [闪兔网络](https://caojiele.com/cooperation/)一些拿得出手的作品集：

                        [闪兔经典案例](https://mp.weixin.qq.com/s/T7ie8LXI8Zi9Z5GFi_ec2w)
                        <!-- .element: class="fragment" -->

                        有想法的老板记得用钱💰来砸我
                        <!-- .element: class="fragment" -->
                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        请用一句话总结现在的自己。。。

                        ### 一直在需求和开发之间徘徊挣扎，任处于一线开发之中，绝招尚在开发。
                        <!-- .element: class="fragment" -->
                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        ## *联系方式：*

                        - QQ：312236308
                        <!-- .element: class="fragment" -->

                        - 微信：CJL33333
                        <!-- .element: class="fragment" -->

                        - 微信公众号:
                        <!-- .element: class="fragment" -->

                          ![public wechat](https://cdn.nlark.com/yuque/0/2019/jpeg/338441/1562681958344-f9b0d53f-2be5-42d0-bdb6-b043d04fd856.jpeg)
                        <!-- .element: class="fragment" -->

                    </script>
                </section>

<!-- 第二章 --->
                <section data-markdown>
                    <script type="text/template">
                        ### 第二章 线上分享

                        # *Online Courses*

                        我的一些*搬砖*体会链接，闲来无事就当娱乐啦🎢

                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        ## 线上分享链接

                        - 简书：https://www.jianshu.com/u/faa01fa59ea3
                        <!-- .element: class="fragment" -->

                        - 知乎：https://www.zhihu.com/people/wang-le-6-62/activities
                        <!-- .element: class="fragment" -->

                        - 慕课网手记：https://www.imooc.com/u/4024769/articles
                        <!-- .element: class="fragment" -->

                        - Segmentfault：https://segmentfault.com/u/xiaomage_5c10d17d26987
                        <!-- .element: class="fragment" -->

                        喜欢我记得关注我哟🤟～
                        <!-- .element: class="fragment" -->
                    </script>
                </section>

<!-- 第三章 --->
                <section data-markdown>
                    <script type="text/template">
                        ### 第三章 开源项目

                        # *Source Projects*

                        拥有一颗开源的心❤️
                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        ## Source Projects

                        - Apache rocketmq: https://github.com/apache/rocketmq
                        <!-- .element: class="fragment" -->

                        - Apache dubbo: https://github.com/apache/dubbo
                        <!-- .element: class="fragment" -->

                        - Apache dubbo website: http://dubbo.apache.org
                        <!-- .element: class="fragment" -->

                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        ## Source Projects

                        - Alibaba nacos: https://github.com/alibaba/nacos
                        <!-- .element: class="fragment" -->

                        - Alibaba nacos website: https://nacos.io
                        <!-- .element: class="fragment" -->

                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        ## Source Projects

                        - Automation-report:https://github.com/caojiele/Automation-report
                        <!-- .element: class="fragment" -->

                        - Spring-official-reference:https://github.com/caojiele/Spring-official-reference
                        <!-- .element: class="fragment" -->

                        - JavaMonitor:[https://caojiele.com/JavaMonitor](http://116.85.23.6:8888)
                        <!-- .element: class="fragment" -->

                        - Online-resume: https://caojiele.com/resume
                        <!-- .element: class="fragment" -->

                        - Jlcaoblog-boilerplate: https://caojiele.com/Jlcaoblog-boilerplate
                        <!-- .element: class="fragment" -->
                        记得帮我*star*✨~
                        <!-- .element: class="fragment" -->

                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                    ## Contract us

                    - 互联网技术交流群：628732355

                        ![qq_group](https://cdn.nlark.com/yuque/0/2019/jpeg/338441/1562678967088-beef0b3d-8fbf-4166-97e8-03a3f527c5e6.jpeg)
                        
                    </script>
                </section>

                <section data-markdown>
                    <script type="text/template">
                        <img src="https://cdn.nlark.com/yuque/0/2019/png/338441/1562683998026-42937005-a1e6-43cb-b51e-6aacf2952a56.png" style="
                            box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
                            width: 350px;
                            height: 350px;
                        " />

                        #### [caojiele.com/js-module-introduce-myself](https://caojiele.com/js-module-introduce-myself/#/)

                        <small style="font-size: 0.85em">
                        *[Open Source @ Github](https://github.com/caojiele/js-module-introduce-myself/)*
                        </small>
                    </script>
                </section>

                <section style="text-align: left;">
                    <h1>THE END</h1>

                    <h5>天璇</h5>
                    <small>
                        <a href="https://caojiele.com">Blog</a> /
                        <a href="https://github.com/caojiele">GitHub</a> /
                        <a href="https://segmentfault.com/u/xiaomage_5c10d17d26987">Segmentfault</a> /
                        <a href="https://www.zhihu.com/people/wang-le-6-62/">知乎</a>
                    </small>
                </section>
            </div>
        </div>

        <pre style="display:none"><code> force highlight.js work </code></pre>

        <script src="lib/js/head.min.js"></script>
        <script src="js/reveal.js"></script>

        <script>

            // Full list of configuration options available at:
            // https://github.com/hakimel/reveal.js#configuration
            Reveal.initialize({
                controls: true,
                progress: true,
                history: true,
                center: true,
                transition: 'slide', // none/fade/slide/convex/concave/zoom

                // Optional reveal.js plugins
                dependencies: [
                    { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
                    { src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
                    { src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
                    { src: 'plugin/highlight/highlight.js', condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
                    { src: 'plugin/zoom-js/zoom.js', async: true },
                    { src: 'plugin/notes/notes.js', async: true }
                ]
            });

        </script>

        <script type="text/javascript">
            function codeEditor(){
                var nodes = document.querySelectorAll("code");
                for (var i = 0; i < nodes.length; i++) {
                    nodes[i].setAttribute("contenteditable", '');
                }
                console.log('code editable now.');
            }
            window.codeEditor = codeEditor;

            document.addEventListener('DOMContentLoaded', function(){
                setTimeout(function(){
                    codeEditor();
                },1000)
            })
        </script>
        <script>
            // GA 
            var _gaId = 'UA-49627206-1';
            var _gaDomain = 'caojiele.com';

            // Originial
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', _gaId, _gaDomain);
            ga('send', 'pageview');
        </script>
    </body>
</html>
